import React from 'react'
import { Text, TouchableOpacity, View, Image } from 'react-native'
import { globalColor, pxPage, throttle } from '../../common/Common';
import { Header } from 'react-native-elements';//可以用来写title
import RankingChoice from './RankingChoice';

const RankingList = (props) => {
    return <>
        {/* 头部 */}
        <View style={{ backgroundColor: '#FEA6C4', flexDirection: 'row', alignItems: 'center', }}>
            <TouchableOpacity
                style={{ marginLeft: pxPage(20) }}
                onPress={() => { props.navigation.goBack() }}>
                <Image
                    source={require('../../common/icon/返回.png')}
                    style={{
                        height: pxPage(25),
                        width: pxPage(25)
                    }} />
            </TouchableOpacity>
            <View style={{
                height: pxPage(65),
                width: pxPage(330),
                justifyContent: 'center',
                alignItems: 'center'
            }}>
                <Text style={{
                    color: '#fff',
                    fontWeight: 'bold',
                    fontSize: 18,
                }}>一周排行榜</Text>
            </View>
        </View>
        <RankingChoice />

    </>
}



export default RankingList;